
html,body,ul,li,table,th,td,tr{margin:0;padding:0;}
body{font-size: 12px;font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;}
.dates_box {
    position: absolute;
    width: 250px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.dates_box_top {
    height: 26px;
    padding: 5px
}

.dates_choose {
    float: left;
    width: 116px;
    border: 1px solid #ccc;
    position: relative
}

.choose_btn {
    float: left;
    width: 20px;
    height: 24px;
    text-align: center;
    position: relative;
    cursor: pointer;
    background: #eee
}

.dates_choose .sign {
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 0;
    border: 4px dashed transparent;
    vertical-align: middle;
    cursor: pointer
}

.prev_choose {
    border-right: 1px solid #ccc
}

.next_choose {
    float: right;
    border-left: 1px solid #ccc
}

.choose_btn .sign {
    margin-top: 7px
}

.prev_choose .sign {
    border-left-width: 0;
    border-right-color: #333
}

.next_choose .sign {
    border-right-width: 0;
    border-left-color: #333
}

.ipt_wrap {
    float: left;
    width: 74px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    overflow: hidden
}

.ipt_wrap input {
    vertical-align: -1px;
    *vertical-align: middle
}

.ipt_wrap .dlt_status {
    border: none
}

.ipt_wrap .sign {
    border-bottom-width: 0;
    border-top-color: #333;
    margin-right: 4px
}

.ipt_wrap small {
    font-size: 12px;
    margin-right: 5px
}

.dates_mm {
    float: right
}

.dates_table {
    border: 1px solid #ccc;
    margin: 0 auto;
    width: 240px;
    border-collapse: collapse
}

.dates_table thead tr th {
    background: #eee;
    border-bottom: 1px solid #ccc;
    height: 24px
}

.dates_table tr td {
    height: 24px;
    text-align: center
}

.dates_table tr td:hover, .dates_mm_list span:hover, .dates_yy_list span:hover {
    background: #f2f2f2;
    cursor: pointer
}

.other_day {
    color: #aaa
}

.disable_day {
    color: #ddd;
    background: #f7f7f7
}

.current_day, .dates_mm_list span.current, .dates_yy_list span.current {
    background: #ebebeb
}

.dates_click {
    background: #eee
}

.dates_bottom {
    padding: 5px;
    height: 26px;
    overflow: hidden
}

.time_tag {
    background: #eee;
    padding: 0 4px;
    margin-right: 4px
}

.dates_hms {
    float: left;
    border: 1px solid #ccc;
    width: 114px
}

.dates_hms li {
    float: left;
    height: 24px;
    line-height: 24px;
    vertical-align: middle
}

.dates_hms li input {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle
}

.dates_hms li input.dlt_status {
    width: 18px;
    border: none
}

.dates_btn {
    float: right;
    width: 117px;
    border: 1px solid #ccc;
    border-right: none
}

.dates_btn a {
    float: left;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    background: #eee;
    border-right: 1px solid #ccc
}

.dates_btn a:hover, .choose_btn:hover {
    background: #fefefe
}

.dates_mm_list, .dates_yy_list {
    width: 116px;
    height: 175px;
    overflow-y: auto;
    position: absolute;
    left: -1px;
    top: 24px;
    background: #fff;
    border: 1px solid #ccc
}

.dates_mm_list span {
    float: left;
    line-height: 24px;
    margin: 5px 0 0 8px;
    text-align: center;
    width: 45px
}

.dates_yy_list span {
    display: block;
    line-height: 24px;
    text-align: center;
    font-size: 14px
}